<html>
<head>
<!-- Magnific Popup core CSS file -->
<link rel="stylesheet" href="js/magnific-popup.css"> 

<!-- jQuery 1.7.2+ or Zepto.js 1.0+ -->
<script src="js/jquery.js"></script> 

<!-- Magnific Popup core JS file -->
<script src="js/jquery.magnific-popup.js"></script> 
<script>
$(document).ready(function() {

	$('.simple-ajax-popup-align-top').magnificPopup({
		type: 'ajax',
		alignTop: true,
		overflowY: 'scroll' // as we know that popup content is tall we set scroll overflow by default to avoid jump
	});

	$('.simple-ajax-popup').magnificPopup({
		type: 'ajax'
	});
	
});
</script>
</head>

<body>

<a class="simple-ajax-popup-align-top" href="site-assets/ajax/test-ajax.html">Load content via ajax</a><br>
<a class="simple-ajax-popup" href="tw.htm">Load another content via ajax</a>

</body>
</html>